import { useMatch, useParams } from "react-router-dom"

export default function Detail(){
    // useParams() hook 可以获得 url 上带的参数 （推荐）
    const {id, title, message} = useParams()

    // useMatch(routePathString) 可以获得 match 对象，从 match 对象中的 params 也可以获得url参数 （不推荐）
    const match = useMatch('/home/message/detail/:id/:title/:message')

    console.log(match.params);

    return (
        <ul>
            <li>message_id: {id}</li>
            <li>message_title: {title}</li>
            <li>message_content: {message}</li>
        </ul>
    )
}